home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / resources.pak / Unnamed File 000139.unknown < prev    next >
Text File  |  2013-04-03  |  13KB  |  560 lines
  1. .network-log-grid.data-grid {
  2.     border: none;
  3.     position: absolute;
  4.     top: 0;
  5.     left: 0;
  6.     right: 0;
  7.     bottom: 0;
  8.     font-size: 11px;
  9. }
  10.  
  11. .network-log-grid.data-grid table.data {
  12.     -webkit-background-size: 1px 82px;
  13.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
  14.     font-size: 11px;
  15. }
  16.  
  17. .network-log-grid.data-grid.small table.data {
  18.     -webkit-background-size: 1px 42px;
  19. }
  20.  
  21. .network-log-grid.data-grid td {
  22.     line-height: 17px;
  23.     height: 37px;
  24.     border-right: 1px solid rgb(210, 210, 210);
  25.     vertical-align: middle;
  26. }
  27.  
  28. .network-log-grid.data-grid.small td {
  29.     height: 17px;
  30. }
  31.  
  32. .network-log-grid.data-grid th {
  33.     border-bottom: 1px solid rgb(64%, 64%, 64%);
  34.     height: 30px;
  35.     font-size: 11px;
  36.     font-weight: bold;
  37. }
  38.  
  39. .network-log-grid.data-grid.small th {
  40.     height: 22px;
  41. }
  42.  
  43. .network-log-grid.data-grid th, .network-log-grid.data-grid th.sort-descending, .network-log-grid.data-grid th.sort-ascending {
  44.     background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
  45. }
  46.  
  47. .network-log-grid.data-grid .data-container {
  48.     top: 31px;
  49. }
  50.  
  51. .network-log-grid.data-grid.small .data-container {
  52.     top: 23px;
  53. }
  54.  
  55. .network-log-grid.data-grid select {
  56.     -webkit-appearance: none;
  57.     background-color: transparent;
  58.     border: none;
  59.     width: 100%;
  60.     font-size: 11px;
  61.     font-weight: bold;
  62. }
  63.  
  64. .network-log-grid.data-grid.small tr.offscreen {
  65.     height: 21px;
  66. }
  67.  
  68. .network-log-grid.data-grid tr.offscreen {
  69.     height: 41px;
  70. }
  71.  
  72. .network-log-grid.data-grid tr.offscreen td {
  73.     display: none;
  74. }
  75.  
  76. .network-log-grid.data-grid tr.filler {
  77.     background-color: white;
  78. }
  79.  
  80. .network-log-grid.data-grid tr:not(.filler) td.name-column {
  81.     font-weight: bold;
  82.     cursor: pointer;
  83. }
  84.  
  85. #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
  86.     text-decoration: underline;
  87. }
  88.  
  89. .network-log-grid.data-grid td.method-column,
  90. .network-log-grid.data-grid td.status-column,
  91. .network-log-grid.data-grid td.type-column,
  92. .network-log-grid.data-grid td.initiator-column,
  93. .network-log-grid.data-grid td.size-column,
  94. .network-log-grid.data-grid td.time-column {
  95.     background-color: rgba(0, 0, 0, 0.07);
  96. }
  97.  
  98. .network-log-grid.data-grid td.size-column,
  99. .network-log-grid.data-grid td.time-column {
  100.     text-align: right;
  101. }
  102.  
  103. .network-log-grid.data-grid.small .network-graph-side {
  104.     height: 14px;
  105. }
  106.  
  107. .network-log-grid.data-grid th.sortable:active {
  108.     background-image: none !important;
  109. }
  110.  
  111. .network-cell-subtitle {
  112.     font-weight: normal;
  113.     color: gray;
  114. }
  115.  
  116. .network-error-row, .network-error-row .network-cell-subtitle {
  117.     color: rgb(230, 0, 0);
  118. }
  119.  
  120. .initiator-column a {
  121.     color: inherit;
  122. }
  123.  
  124. .network-log-grid.data-grid tr.selected .network-cell-subtitle {
  125.     color: white;
  126. }
  127.  
  128. .network-log-grid tr.highlighted-row {
  129.     -webkit-animation: "network-row-highlight-fadeout" 2s 0s;
  130. }
  131.  
  132. @-webkit-keyframes network-row-highlight-fadeout {
  133.     from {background-color: rgba(56, 121, 217, 1); }
  134.     to { background-color: rgba(56, 121, 217, 0); }
  135. }
  136.  
  137. .network-header-subtitle {
  138.     color: gray;
  139. }
  140.  
  141. .network-log-grid.data-grid.small .network-cell-subtitle,
  142. .network-log-grid.data-grid.small .network-header-subtitle
  143. {
  144.     display: none;
  145. }
  146.  
  147. /* Resource preview icons */
  148.  
  149. .network-log-grid.data-grid .icon {
  150.     content: url(Images/resourcePlainIcon.png);
  151. }
  152.  
  153. .network-log-grid.data-grid.small .icon {
  154.     content: url(Images/resourcePlainIconSmall.png);
  155. }
  156.  
  157. .network-log-grid.data-grid .network-type-script .icon {
  158.     content: url(Images/resourceJSIcon.png);
  159. }
  160.  
  161. .network-log-grid.data-grid.small .network-type-script .icon {
  162.     content: url(Images/resourceDocumentIconSmall.png);
  163. }
  164.  
  165. .network-log-grid.data-grid .network-type-document .icon {
  166.     content: url(Images/resourceDocumentIcon.png);
  167. }
  168.  
  169. .network-log-grid.data-grid.small .network-type-document .icon {
  170.     content: url(Images/resourceDocumentIconSmall.png);
  171. }
  172.  
  173. .network-log-grid.data-grid .network-type-stylesheet .icon {
  174.     content: url(Images/resourceCSSIcon.png);
  175. }
  176.  
  177. .network-log-grid.data-grid.small .network-type-stylesheet .icon {
  178.     content: url(Images/resourceDocumentIconSmall.png);
  179. }
  180.  
  181. .network-log-grid.data-grid .network-type-image .icon {
  182.     position: relative;
  183.     background-image: url(Images/resourcePlainIcon.png);
  184.     background-repeat: no-repeat;
  185.     content: "";
  186. }
  187.  
  188. .network-log-grid.data-grid.small .network-type-image .icon {
  189.     background-image: url(Images/resourcePlainIconSmall.png);
  190.     content: "";
  191. }
  192.  
  193. .network-log-grid.data-grid .icon {
  194.     float: left;
  195.     width: 32px;
  196.     height: 32px;
  197.     margin-top: 1px;
  198.     margin-right: 3px;
  199. }
  200.  
  201. .network-log-grid.data-grid.small .icon {
  202.     width: 16px;
  203.     height: 16px;
  204. }
  205.  
  206. .network-log-grid.data-grid .image-network-icon-preview {
  207.     position: absolute;
  208.     margin: auto;
  209.     top: 3px;
  210.     bottom: 4px;
  211.     left: 5px;
  212.     right: 5px;
  213.     max-width: 18px;
  214.     max-height: 21px;
  215.     min-width: 1px;
  216.     min-height: 1px;
  217. }
  218.  
  219. .network-log-grid.data-grid.small .image-network-icon-preview {
  220.     top: 2px;
  221.     bottom: 1px;
  222.     left: 3px;
  223.     right: 3px;
  224.     max-width: 8px;
  225.     max-height: 11px;
  226. }
  227.  
  228. /* Graph styles */
  229.  
  230. .network-graph-side {
  231.     position: relative;
  232.     height: 36px;
  233.     padding: 0 5px;
  234.     white-space: nowrap;
  235.     margin-top: 1px;
  236.     border-top: 1px solid transparent;
  237.     overflow: hidden;
  238. }
  239.  
  240. .network-graph-bar-area {
  241.     position: absolute;
  242.     top: 0;
  243.     bottom: 0;
  244.     right: 8px;
  245.     left: 9px;
  246. }
  247.  
  248. .network-graph-label {
  249.     position: absolute;
  250.     top: 0;
  251.     bottom: 0;
  252.     margin: auto -7px;
  253.     height: 13px;
  254.     line-height: 13px;
  255.     font-size: 9px;
  256.     color: rgba(0, 0, 0, 0.75);
  257.     text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0;
  258.     z-index: 150;
  259.     overflow: hidden;
  260.     text-align: center;
  261.     font-weight: bold;
  262.     opacity: 0;
  263.     -webkit-transition: opacity 250ms ease-in-out;
  264. }
  265.  
  266. .network-graph-side:hover .network-graph-label {
  267.     opacity: 1;
  268. }
  269.  
  270. .network-graph-label:empty {
  271.     display: none;
  272. }
  273.  
  274. .network-graph-label.waiting {
  275.     margin-right: 5px;
  276. }
  277.  
  278. .network-graph-label.waiting-right {
  279.     margin-left: 5px;
  280. }
  281.  
  282. .network-graph-label.before {
  283.     color: rgba(0, 0, 0, 0.7);
  284.     text-shadow: none;
  285.     text-align: right;
  286.     margin-right: 2px;
  287. }
  288.  
  289. .network-graph-label.before::after {
  290.     padding-left: 2px;
  291.     height: 6px;
  292.     content: url(Images/graphLabelCalloutLeft.png);
  293. }
  294.  
  295. .network-graph-label.after {
  296.     color: rgba(0, 0, 0, 0.7);
  297.     text-shadow: none;
  298.     text-align: left;
  299.     margin-left: 2px;
  300. }
  301.  
  302. .network-graph-label.after::before {
  303.     padding-right: 2px;
  304.     height: 6px;
  305.     content: url(Images/graphLabelCalloutRight.png);
  306. }
  307.  
  308. .network-graph-bar {
  309.     position: absolute;
  310.     top: 0;
  311.     bottom: 0;
  312.     margin: auto -7px;
  313.     border-width: 6px 7px;
  314.     height: 0;
  315.     min-width: 14px;
  316.     opacity: 0.65;
  317.     -webkit-border-image: url(Images/timelinePillGray.png) 7 7 7 7;
  318. }
  319.  
  320. .network-graph-bar.waiting, .network-graph-bar.waiting-right {
  321.     opacity: 0.35;
  322. }
  323.  
  324. /* Resource categories */
  325.  
  326.  
  327. .resource-cached .network-graph-bar {
  328.     -webkit-border-image: url(Images/timelineHollowPillGray.png) 7 7 7 7;
  329. }
  330.  
  331. .network-type-document .network-graph-bar {
  332.     -webkit-border-image: url(Images/timelinePillBlue.png) 7 7 7 7;
  333. }
  334.  
  335. .network-type-document.resource-cached .network-graph-bar {
  336.     -webkit-border-image: url(Images/timelineHollowPillBlue.png) 7 7 7 7;
  337. }
  338.  
  339. .network-type-stylesheet .network-graph-bar {
  340.     -webkit-border-image: url(Images/timelinePillGreen.png) 7 7 7 7;
  341. }
  342.  
  343. .network-type-stylesheet.resource-cached .network-graph-bar {
  344.     -webkit-border-image: url(Images/timelineHollowPillGreen.png) 7 7 7 7;
  345. }
  346.  
  347. .network-type-image .network-graph-bar {
  348.     -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7;
  349. }
  350.  
  351. .network-type-image.resource-cached .network-graph-bar {
  352.     border-image: url(Images/timelineHollowPillPurple.png) 7 7 7 7;
  353. }
  354.  
  355. .network-type-font .network-graph-bar {
  356.     -webkit-border-image: url(Images/timelinePillRed.png) 7 7 7 7;
  357. }
  358.  
  359. .network-type-font.resource-cached .network-graph-bar {
  360.     -webkit-border-image: url(Images/timelineHollowPillRed.png) 7 7 7 7;
  361. }
  362.  
  363. .network-type-script .network-graph-bar {
  364.     -webkit-border-image: url(Images/timelinePillOrange.png) 7 7 7 7;
  365. }
  366.  
  367. .network-type-script.resource-cached .network-graph-bar {
  368.     -webkit-border-image: url(Images/timelineHollowPillOrange.png) 7 7 7 7;
  369. }
  370.  
  371. .network-type-xhr .network-graph-bar {
  372.     -webkit-border-image: url(Images/timelinePillYellow.png) 7 7 7 7;
  373. }
  374.  
  375. .network-type-xhr.resource-cached .network-graph-bar {
  376.     -webkit-border-image: url(Images/timelineHollowPillYellow.png) 7 7 7 7;
  377. }
  378.  
  379. .network-type-websocket .network-graph-bar {
  380.     -webkit-border-image: url(Images/timelinePillGray.png) 7 7 7 7;
  381. }
  382.  
  383. .network-type-websocket.resource-cached .network-graph-bar {
  384.    -webkit-border-image: url(Images/timelineHollowPillGray.png) 7 7 7 7;
  385. }
  386.  
  387. .network-dim-cell {
  388.     color: grey;
  389. }
  390.  
  391. /* Dividers */
  392.  
  393. .network-timeline-grid {
  394.     position: absolute;
  395.     top: 0;
  396.     bottom: 0;
  397.     left: 0;
  398.     right: 0;
  399.     pointer-events: none;
  400. }
  401.  
  402. .network-event-divider-padding {
  403.     position: absolute;
  404.     width: 8px;
  405.     top: 0;
  406.     bottom: 0;
  407.     pointer-events: auto;
  408. }
  409.  
  410. .network-event-divider {
  411.     position: absolute;
  412.     width: 2px;
  413.     top: 31px;
  414.     bottom: 0;
  415.     z-index: 300;
  416. }
  417.  
  418. .network-timeline-grid.small .network-event-divider {
  419.     top: 23px;
  420. }
  421.  
  422. .network-red-divider {
  423.     background-color: rgba(255, 0, 0, 0.5);
  424. }
  425.  
  426. .network-blue-divider {
  427.     background-color: rgba(0, 0, 255, 0.5);
  428. }
  429.  
  430. .network-log-grid.data-grid .resources-dividers {
  431.     z-index: 0;
  432. }
  433.  
  434. .network-log-grid.data-grid .resources-dividers-label-bar {
  435.     background-color: transparent;
  436.     border: none;
  437.     height: 30px;
  438.     pointer-events: none;
  439. }
  440.  
  441. .network-timeline-grid.small .resources-dividers-label-bar {
  442.     height: 23px;
  443. }
  444.  
  445. .network-timeline-grid .resources-divider-label {
  446.     top: 0px;
  447.     margin-top: -4px;
  448.     color: black;
  449. }
  450.  
  451. .network-timeline-grid .resources-dividers-label-bar .resources-divider {
  452.     top: 23px;
  453. }
  454.  
  455. .network-timeline-grid.small .resources-dividers-label-bar .resources-divider {
  456.     top: 15px;
  457. }
  458.  
  459. .network-timeline-grid .resources-divider.first .resources-divider-label {
  460.     display: none;
  461. }
  462.  
  463. .network-timeline-grid .resources-dividers-label-bar .resources-divider.first {
  464.     background-color: transparent;
  465. }
  466.  
  467. /* Filters */
  468.  
  469. .network-log-grid.data-grid table.data tr.revealed.network-item {
  470.     display: none;
  471. }
  472.  
  473. .network-log-grid.data-grid.filter-all table.data tr.revealed.network-item:not(.filtered-out),
  474. .network-log-grid.data-grid.filter-document table.data tr.revealed.network-type-document:not(.filtered-out),
  475. .network-log-grid.data-grid.filter-stylesheet table.data tr.revealed.network-type-stylesheet:not(.filtered-out),
  476. .network-log-grid.data-grid.filter-image table.data tr.revealed.network-type-image:not(.filtered-out),
  477. .network-log-grid.data-grid.filter-script table.data tr.revealed.network-type-script:not(.filtered-out),
  478. .network-log-grid.data-grid.filter-xhr table.data tr.revealed.network-type-xhr:not(.filtered-out),
  479. .network-log-grid.data-grid.filter-font table.data tr.revealed.network-type-font:not(.filtered-out),
  480. .network-log-grid.data-grid.filter-websocket table.data tr.revealed.network-type-websocket:not(.filtered-out),
  481. .network-log-grid.data-grid.filter-other table.data tr.revealed.network-type-other:not(.filtered-out) {
  482.     display: table-row;
  483. }
  484.  
  485. /* Summary */
  486.  
  487. .network-log-grid.data-grid tr.filler td {
  488.     padding-bottom: 20px !important;
  489. }
  490.  
  491. .network-log-grid.data-grid .network-summary-bar {
  492.     position: absolute;
  493.     left: 0;
  494.     right: 0;
  495.     bottom: 0;
  496.     margin-right: -14px;
  497.     background-color: rgb(101, 111, 130);
  498. }
  499.  
  500. .network-log-grid.data-grid .network-summary-bar td {
  501.     color: white;
  502.     height: 20px !important;
  503.     border: none;
  504.     font-size: 11px;
  505.     font-weight: bold;
  506.     padding: 0 0 0 8px;
  507.     white-space: pre;
  508.     overflow : hidden;
  509.     text-overflow : ellipsis;
  510. }
  511.  
  512. .network-log-grid.data-grid .network-summary-bar img {
  513.     vertical-align: middle;
  514.     padding-right: 8px;
  515. }
  516.  
  517. #network-container {
  518.     position: absolute;
  519.     top: 0;
  520.     left: 0;
  521.     bottom: 0;
  522.     right: 0;
  523.     width: 100%;
  524.     height: 100%;
  525.     border-right: 0 none transparent;
  526.     overflow-y: auto;
  527.     overflow-x: hidden;
  528. }
  529.  
  530. // Brief mode peculiarities.
  531. #network-container.brief-mode .network-timeline-grid {
  532.     display: none;
  533. }
  534.  
  535. #network-container.brief-mode td,
  536. #network-container.brief-mode th {
  537.     border-right: none;
  538. }
  539.  
  540. #network-container.brief-mode th.corner {
  541.     display: none;
  542. }
  543.  
  544. #network-container.brief-mode .network-log-grid.data-grid .data-grid-resizer {
  545.     display: none;
  546. }
  547.  
  548. #network-container.brief-mode .network-timeline-grid {
  549.     display: none;
  550. }
  551.  
  552. #network-container:not(.brief-mode) .data-grid tr.selected {
  553.     background-color: transparent;
  554.     color: black;
  555. }
  556.  
  557. #network-container.brief-mode .data-grid .data-container {
  558.     padding-right: 0;
  559. }
  560.